<template> 
	<div class="admissionGezi">
		<div class="admissTitle flex-h admissTitle2">
			<span :class="index===0?'flex2':'flex1'" v-for="(its,index) in titleData" :key="index">{{its}}</span>
		</div>
		<div class="adSmallBox adSmallBox2" v-if="lineData.length>0" :style="ssreStyle?'min-height:4rem':''">
			<div v-for="(item,index) in lineData" :key="index">
				<div class="adSmallLine flex-h">
					<span @click="clickMsg(its)" :class="[its.length>6?'heig':'',$index===0?'flex2':'flex1']" v-for="(its,$index) in item.main" :key='$index'>{{its.length>15?its.substring(0,14)+'...':its }}</span>
				</div>
			</div>
		</div>
		<div class="adSmallBox adSmallBox2" v-if="lineData.length===0" :style="ssreStyle?'min-height:4rem':''">
			<div>
				<div class="adSmallLine flex-h">
					<span>暂无数据</span>
				</div>
			</div>
		</div>

	</div>
</template>

<script>
	export default {
		props: {
			message: String,
			col: String,
			lineData: Array,
			titleData: Array,
			ssreStyle:{
				tyep:Boolean,
				default:false
			}
		},

		data() {
			return {


			};
		},
		computed: {

		},
		mounted: function() {},
		methods: {
			clickMsg(msg){
				this.$vux.toast.text(msg);
			},
			sures() {
				this.$emit("btnClick")


			}

		}
	};
</script>


<style scoped lang="less">
	.admissionGezi {
		width: 6.9rem;
		height: auto;
		overflow: hidden;
		margin: 0 auto;

		.admissTitle {
			width: 6.9rem;
			height: 0.7rem;
			background: rgba(187, 187, 187, 0.1);
			line-height: 0.7rem;
			margin: 0 auto;

			span {
				text-align: center;
				font-size: 0.26rem;

				font-weight: bold;
				color: rgba(153, 153, 153, 1);
				line-height: 0.7rem;
			}

			.flex2 {
				flex: 2;
			}

		}

		.admissTitle2 {
			span {
				font-size: 0.24rem;
			}

		}

		.adSmallBox {
			width: 6.9rem;
			height: auto;
			margin: 0 auto;
			min-height: 1rem;

			.adSmallLine {
				width: 100%;
				height: 0.8rem;
				line-height: 0.8rem;

				span {
					font-size: 0.26rem;
					text-align: center;
					font-weight: 500;
					color: rgba(34, 34, 34, 1);

				}
			}
		}

		.adSmallBox2 {
			.adSmallLine {
				height: 1rem;
				box-shadow: 0px -1px 0px 0px rgba(238, 238, 238, 1);

				span {
					height: 1rem;
					line-height: 1rem;
					font-size: 0.24rem;
				}

				.flex2 {
					b {
						font-size: 0.24rem;
						line-height: 0.5rem;
						display: inline-block;
						height: 0.5rem;
					}
				}

				.heig {
					line-height: 0.5rem;
				}
			}
		}

		.flex2 {
			flex: 2
		}

	}
</style>
